<template>
  <div class="Find">
    <div class="Find-ren">
      <img src="/learning/ren.jpg" alt="">
    </div>
    <p>更多优质课程等你来学</p>
    <div class="btn">
      <router-link to="/home/recommended">
       <button>发现课程</button>
      </router-link>
    </div>
    <div class="TuiJian">
      <img src="/learning/tuijian.jpg" alt="">
      </div>
 
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
  .Find{
    width: 100%;
    height: 3.35rem;
    /* background-color: rgb(91, 206, 91); */
  }
   .Find .Find-ren{
     width: 3.45rem;
     height:1.5rem;
     margin: auto;
     display: flex;
     justify-content: center;
     /* margin-bottom: 0.25rem; */
   }
    .Find .Find-ren img{
      width: 1.27rem;
      height: 1.2rem;
    }
    .Find p{
      width: 1.6rem;
      height: 0.4rem;
      margin: auto;
      
    }
    .Find .btn a{
      color: #000;
    }
    .Find .btn,.TuiJian{
      width: 100%;
     display: flex;
      justify-content: center;
    }
    .Find button{
      width: 1rem;
      height: 0.4rem;
      border-radius: 2rem;
      background-color: #fff;
      
    }
    .TuiJian{
      margin-top: 0.2rem;
    }
</style>